<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
    <title>单品详情</title>
    <link href="css/app.css" rel="stylesheet" />
</head>
<body>
<div class="app">
    <div class="single-img">
        <img src="img/3.jpeg" />
    </div>
    <div class="meterial-top">
        <div class="material-tit">
            贡缎提花四件套（馨香花颜-宝石蓝）
        </div>
        <div class="material-prices">￥199.00</div>
    </div>
    <div class="material-param">
        <h4>参数</h4>
        <div class="material-content">
            <p>
                <span>规格: </span>被套 2000x2300 床单 2300x2500 枕套480x740
            </p>
            <p>
                <span>材质: </span>全棉贡缎提花
            </p>
            <p>
                <span>颜色: </span>宝石蓝
            </p>
        </div>
    </div>

    <div class="material-desc">
        <h4>单品简介</h4>
        <div class="material-desc-body">
            <p>
                <img src="img/6.jpeg" title="" alt="床品.jpg">
                <img title="" src="img/7.jpeg">
            </p>
            <p>
                <img title="" src="img/8.jpeg">
            </p>
            <p>
                <img title="" src="img/9.jpg">
            </p>
            <p>
                <img title="" src="img/10.jpg">
            </p>
        </div>
    </div>
</div>
</body>
</html>